.contractCode {
  text-decoration: underline;
  cursor: pointer;
}
.contractImg {
  display: inline-block;
  margin-right: 8px;
  img {
    max-width: 400px;
  }
}
.comment {
  color: #e31313;
  padding-top: 16px;
  padding-left: 64px;
  font-size: 12px;
  white-space: nowrap;
  position: absolute;
  z-index: 8;
}
.red {
  color: #e31313;
}
.remarkList {
  cursor: pointer;
  .item {
    display: flex;
    .remark {
      flex: 1;
    }
    .createBy,
    .updateDate {
      flex-shrink: 0;
    }
  }
  .hide {
    display: none;
  }
}
.remarkBox {
  max-height: 300px;
  overflow-y: auto;
}
.remarkBoxCard {
  max-height: 170px;
  overflow-y: auto;
  margin-bottom: 10px;
  padding-left: 80px;
}
.underLine {
  text-decoration: underline;
  cursor: pointer;
}
.el-table td,
.el-table th {
  padding: 20px 0;
  padding-top: 30px;
}
.el-table {
  thead {
    th {
      background: rgba(197, 197, 197, 0.1);
      padding:8px 0;
    }
  }
  .cell{
    padding:0 4px;
  }
}
.el-dialog__body {
  padding-top: 10px;
}
.params {
  .wrapping {
    width: 200px;
  }
}
.params {
  .dateWrapping {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
  }
}
